<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"/>
    <title>首页</title>
    <link rel="stylesheet" href="css/conmon.css"/>
    <link rel="stylesheet" href="css/product.css"/>
    <script src="./lib/jquery/jquery.js"></script>
    <script src="./lib/bootstrap/js/bootstrap.js"></script>
    <script src="./lib/template.js"></script>
    <script src="js/product.js"></script>
</head>
<body>
<!--容器-->
<div class='mbuy container'>
    <!-- header start-->
    <header class='mbuy_header'>
        <!--头部  橘黄色盒子设置-->
        <div class='mbuy_header_box'>
            <a href="#"><img src="images/header_logo.png" class="log"/></a>
            <a href="#"><img src="images/header_app.png" class="app"/></a>
        </div>
    </header>
    <!--header end-->
    <!--search start-->
    <div class='mbuy_search'>
        <!--表单-->
        <form>
            <!--输入框-->
            <input type="text" class="sousuo" placeholder="请输入你想比价的商品"/>
            <!--按钮-->
            <a href="#" class="login">搜索</a>
        </form>
    </div>
    <!--search end-->

    <div class="product_box1">
<p id='product1'>
</p>
    </div>

    <ul id="product_container1"></ul>
    <nav aria-label="... ">
        <ul class="pager clearfix">
            <li class="previous"><a href="javascript:;"><span aria-hidden="true"></span>上一页</a></li>
            <select></select>
            <li class="next"><a href="javascript:;"><span aria-hidden="true">下一页</span></a></li>
        </ul>
    </nav>
    <!--footer start-->
    <!--底部横条-->
    <div class="footer_txt">
        <ul>
            <li>登录</li>
            <li>注册</li>
            <li>返回顶部</li>
        </ul>
    </div>
    <div class="footer">
        <p><span class="redt">手机APP下载</span>慢慢买手机版-掌上比价平台</p>
        <p>manmanbuy cn</p>
    </div>
    <!--footer end-->
</div>
</body>
</html>
<script type="text/html" id="template5">
    {{if result}}
    <a href="index.html">首页</a><i>></i>
    <a href="category.html">全部分类</a><i>></i>
    {{each result as v}}
    <a href="">{{v.category}}</a><i>></i>
    {{/each}}
    <a href="" class='btn'>筛选</a>
    {{/if}}
</script>
<script type="text/html" id="template6">
    {{if result}}
    {{each result as v}}
    <li class="product_list clearfix" id='product_detailed'>
        <a href="productdetial.html?categoryid={{v.categoryId}}&productid={{v.productId}}">
        <div class="product_img f_left">
            {{#v.productImg}}
        </div>
        <div class="product_text">
            <p>{{v.productName}}</p>
                <span class="redt">{{v.productPrice}}</span>
            <p>
                <span>{{v.productQuote}}</span>
                <span class="text_1">{{v.productCom}}</span>
            </p>
        </div>
        </a>
    </li>
    {{/each}}
    {{/if}}
</script>
<!--<li class="product_list clearfix" id='product_deailed'>-->
    <!--<a href="">-->
        <!--<div class="product_img"><img src="images/1.jpg_130x130q90.jpg" alt=""></div>-->
        <!--<div class="product_text">-->
            <!--<p>乐视都会vfdjhkjk        FDFj发动发动机负荷vjdckj-->
                <!--<span class="redt">{{v.productPrice}}</span></p>-->
            <!--<p>-->
                <!--<span>DFFKJHNTRE</span>-->
                <!--<span class="text_1">JHGGFD-->
                    <!--<img src="images/comments.png"/>-->
                <!--</span>-->
            <!--</p>-->
        <!--</div>-->
    <!--</a>-->
<!--</li>-->